<div id="doc-bd">
<div id="doc-main" class="container">
 <div id="doc-main-ft" class="ft">
<script>
//非首屏的样式load
qboot.load("http://s8.qhimg.com/static/1da53a32881264d9,83899de383e6b5cc,8a66f6ab41b47dde,cfb9ee3aaad50854,15b5534fafe2c60f,07e7481ced7788c3.css");
</script>
  <div id="service-relax" class="service-panel gmodule g-box" data-cate="relax">
    <textarea style="visibility:hidden;width:998px;height:302px">
        <div class="widget-slide" data-jss="animType:'fade',viewSelector:'.slide-content .inner',tabSelector:'.slide-nav li',mouseenterSwitchTime:null,autoPlay:false,animDur:200">
            <div class="service-hd">
                <h2 class="title"><a href="http://xiaohua.hao.360.cn/"><img src="http://p1.qhimg.com/t01f0889d6a4424bf56.jpg" title="放松一下"></a></h2>
                <div class="service-tab slide-nav">
                    <ul>
                        <li class="selected"><a href="http://xiaohua.hao.360.cn/tjxh">爆笑热图</a></li>
                        <li><a href="http://xiaoshuo.360.cn/">精彩小说</a></li>
                        <li><a href="http://go.360.cn/">旅游度假</a></li>
                        <li><a href="http://image.haosou.com/?&src=daohang">养眼美图</a></li>
                    </ul>
                </div>
                <ul class="direct-site">
                     <li><a href="http://xiaohua.hao.360.cn/tjxh">内涵图</a></li>
                    <li><a href="http://www.xxhh.com/?360pd">嘻嘻哈哈</a></li>
                    <li><a href="http://xiaohua.hao.360.cn/video">搞笑视频</a></li>
                    <li><a href="http://y.hao.360.cn/ent/">娱乐八卦</a></li>
                    <li><a href="http://www.69xiu.com/extension/speadRoom?jxiusr=360_x2">主播</a></li>
                </ul>
            </div>
            <div class="service-bd gclearfix">
                <div class="loading" style="display:none"><img src="http://p1.qhimg.com/t019436f9a61e4203fe.gif">正在为您努力加载...</div>
                <div class="slide-content">
                    <div data-tab-cate="relax-tab1" class="inner" id="service-relax-moment">
                        <script type="text/template" id="relax-tab1-template">
                            <div class="widget-slide-inner" data-jss="animType:'scroll',viewSelector:'.slide-column-content .slide-column-inner',pageUpSelector:'.slide-column-pageup',pageDownSelector:'.slide-column-pagedown',mouseenterSwitchTime:null,animDur:300" data-cate="relax-inner">
                                <div class="slide-content slide-column-content">
                                    <div class="slide-column-wrap">
                                        {for (var x = 0, y = 3; x < y; x++)}
                                        <div class="slide-column-inner {if (x == 0)}selected{/if}">
                                            <ul class="service-pic gclearfix">
                                                {for (var i = x * 10, j = i + 10; i < j; i++)}
                                                {js var item = $slide_data[i]}
                                                    <li>
                                                        <div class="g-pic">
                                                            <a href="{item.pic_link}">
                                                                <img src="{item.pic}" /> 
                                                                <em class="txt">{item.text}</em>
                                                                <span class="mask"></span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                {/for}
                                            </ul>
                                        </div>
                                        {/for}
                                    </div>
                                </div>
                                <div class="slide-nav">
                                    <ul>
                                        <li class="selected">
                                            <a href="###">标签信息</a>
                                        </li>
                                        <li>
                                            <a href="###">标签信息</a>
                                        </li>
                                        <li>
                                            <a href="###">标签信息</a>
                                        </li>
                                    </ul>
                                </div>
                                <a href="###" class="slide-column-pageup" style="display: inline;">上一屏</a>
                                <a href="###" class="slide-column-pagedown" style="display: inline;">下一屏</a>
                            </div>
                        </script>
                    </div>
                    <div data-tab-cate="relax-tab2" class="inner three-column" id="service-relax-novel">
                        <script type="text/template" id="relax-tab2-template">
                            <div class="service-left">
                                <div class="service-site">
                                    <ul class="site-recom">
                                        {for (var i = 0, j = $left_data.logo_list.length; i < j; i++)}
                                        {js var item = $left_data.logo_list[i]}
                                            <li>
                                                <a href="{item.pic_link}">
                                                    <img src="{item.pic}" />
                                                    {item.text}
                                                </a>
                                            </li>
                                        {/for}
                                    </ul>
                                    <ul class="site-list g-list">
                                        {for (var i = 0, j = $left_data.site_list.length; i < j; i++)}
                                        {js var item = $left_data.site_list[i]}
                                        <li> <ins class="dot"></ins>
                                            <a href="{item.link}">{item.text}</a>
                                        </li>
                                        {/for}
                                    </ul>
                                </div>
                            </div>
                            <div class="service-middle">
                                <div class="service-news">
                                    {for (list in $middle_data)}
                                    {js var item = $middle_data[list]}
                                    <ul class="g-list">
                                        {for (var i = 0, j = item.pic.length; i < j; i++)}
                                        {js var data = item.pic[i]}
                                        <li class="g-pic">
                                            <a href="{data.pic_link}">
                                                <img src="{data.pic}" /> 
                                                <em class="txt">{data.text}</em>
                                                <span class="txt-bg"></span>
                                                <span class="mask"></span>
                                            </a>
                                        </li>
                                        {/for}
                                         
                                        {for (var i = 0, j = item.wenzi.length; i < j; i++)}
                                        {js var data = item.wenzi[i]}
                                        <li>
                                            <ins class="dot"></ins>
                                            <a href="{data.tag.link}">{data.tag.text}</a>
                                            |
                                            {for (var n = 0, m = data.list.length; n < m; n++)}
                                            {js var link = data.list[n]}
                                            <a href="{link.link}">{link.text}</a>
                                            {/for}
                                        </li>
                                        {/for}
                                    </ul>
                                    {/for}
                                </div>
                            </div>
                            <div class="service-right">
                                <div class="ranking-list  category-site">
                                    <h3 class="category-title">
                                        <a href="{$right_data.title.link}">{$right_data.title.text}</a>
                                    </h3>
                                    <ul class="gclearfix">
                                        {for (var i = 0, j = $right_data.list.length; i < j; i++)}
                                        {js var item = $right_data.list[i]}
                                        <li class="gclearfix">
                                            <span class="ranking-number {if (i < 3)}top3{/if}">{js print(i + 1)}</span>
                                            <span>
                                                <a href="{item.link}">{item.text}</a>
                                            </span>
                                            <em>{item.count}</em>
                                        </li>
                                        {/for} 
                                    </ul>
                                </div>
                            </div>
                        </script>
                    </div>
                    <div data-tab-cate="relax-tab3" class="inner three-column" id="service-relax-travel">
                        <script type="text/template" id="relax-tab3-template">
                            <div class="service-left">
                                <div class="service-site">
                                    <ul class="site-recom">
                                        {for (var i = 0, j = $left_data.logo_list.length; i < j; i++)}
                                        {js var item = $left_data.logo_list[i]}
                                            <li>
                                                <a href="{item.pic_link}">
                                                    <img src="{item.pic}" />
                                                    {item.text}
                                                </a>
                                            </li>
                                        {/for}
                                    </ul>
                                    <ul class="site-list g-list">
                                        {for (var i = 0, j = $left_data.site_list.length; i < j; i++)}
                                        {js var item = $left_data.site_list[i]}
                                        <li> <ins class="dot"></ins>
                                            <a href="{item.link}">{item.text}</a>
                                        </li>
                                        {/for}
                                    </ul>
                                </div>
                            </div>
                            <div class="service-middle">
                                <ul class="service-pic service-figure-pic gclearfix">
                                    {for (var i = 0, j = $middle_data.pic_list.length; i < j; i++)}
                                    {js var item = $middle_data.pic_list[i]}
                                    <li>
                                        <div class="g-pic">
                                            <a href="{item.pic_link}">
                                                <img src="{item.pic}"> 
                                                <span class="mask"></span>
                                            </a>
                                        </div>
                                        <div class="figure">
                                            <a href="{item.pic_link}">{item.text}</a>
                                        </div>
                                    </li>   
                                    {/for}
                                </ul>
                            </div>
                            <div class="service-right">
                                <div class="ranking-list  category-site">
                                    <h3 class="category-title">
                                        <a href="{$right_data.title.link}">{$right_data.title.text}</a>
                                    </h3>
                                    <ul class="gclearfix">
                                        {for (var i = 0, j = $right_data.list.length; i < j; i++)}
                                        {js var item = $right_data.list[i]}
                                        <li class="gclearfix">
                                            <span class="ranking-number {if (i < 3)}top3{/if}">{js print(i + 1)}</span>
                                            <span>
                                                <a href="{item.link}">{item.text}</a>
                                            </span>
                                            <em>{item.count}</em>
                                        </li>
                                        {/for} 
                                    </ul>
                                </div>
                            </div>
                        </script>
                    </div>
                    <div data-tab-cate="relax-tab4" class="inner two-column" id="service-relax-beauty">
                        <script type="text/template" id="relax-tab4-template">
                            <div class="service-left">
                                <div class="service-site">
                                    <ul class="site-recom">
                                        {for (var i = 0, j = $left_data.logo_list.length; i < j; i++)}
                                        {js var item = $left_data.logo_list[i]}
                                            <li>
                                                <a href="{item.pic_link}">
                                                    <img src="{item.pic}" />
                                                    {item.text}
                                                </a>
                                            </li>
                                        {/for}
                                    </ul>
                                    <ul class="site-list g-list">
                                        {for (var i = 0, j = $left_data.site_list.length; i < j; i++)}
                                        {js var item = $left_data.site_list[i]}
                                        <li> <ins class="dot"></ins>
                                            <a href="{item.link}">{item.text}</a>
                                        </li>
                                        {/for}
                                    </ul>
                                </div>
                            </div>
                            <div class="service-right">
                                <ul class="gclearfix service-pic service-headline-pic">
                                    <li class="headline">
                                        {for (var i = 0, j = $right_data.big_pic.length; i < j; i++)}
                                        {js var item = $right_data.big_pic[i]}
                                        <div class="g-pic">
                                            <a href="{item.pic_link}">
                                                <img src="{item.pic}" /> 
                                                <em class="txt">{item.text}</em>
                                                <span class="txt-bg"></span>
                                                <span class="mask"></span>
                                            </a>
                                        </div>
                                        {/for}
                                    </li>
                                    {for (var i = 0, j = $right_data.pic_list.length; i < j; i++)}
                                    {js var item = $right_data.pic_list[i]}
                                    <li>
                                        <div class="g-pic">
                                             <a href="{item.pic_link}">
                                                <img src="{item.pic}" /> 
                                                <em class="txt">{item.text}</em>
                                                <span class="txt-bg"></span>
                                                <span class="mask"></span>
                                            </a>
                                        </div>
                                    </li>  
                                    {/for}
                                </ul>
                            </div>
                        </script>                        
                    </div>
                </div>
            </div>
        </div>
    </textarea>
  </div>
  <div id="service-youxi" class="service-panel gmodule g-box" data-cate="youxi">
    <textarea style="visibility:hidden;width:998px;height:302px"> 
        <div class="widget-slide" data-jss="animType:'fade',viewSelector:'.slide-content .inner',tabSelector:'.slide-nav li',mouseenterSwitchTime:null,autoPlay:false,animDur:200">
            <div class="service-hd">
               <h2 class="title"><a href="http://g.360.cn/index.html"><img src="http://p1.qhimg.com/t016fad8183ef0be165.jpg" title="玩游戏"></a></h2>
                <div class="service-tab slide-nav">
                    <ul>
                        <li class="selected"><a href="http://g.360.cn/index.html">热门游戏</a></li>
                        <li><a href="http://g.360.cn/index.html#web-game-part">网页游戏</a></li>
                        <li><a href="http://shouyou.360.cn/">手机游戏</a></li>
                        <li><a href="http://qipai.360.cn/ ">休闲棋牌</a></li>
                    </ul>
                </div>
               <ul class="direct-site">
                    <li><a href="http://g.360.cn/game/mmo?Src=wyx2">网络游戏</a></li>
                     <li><a href="http://g.360.cn/zt/shujia2014.html?Src=dbwyx">精选游戏</a></li>
                    <li><a href="http://xiaoyouxi.360.cn/?src=tab">小游戏</a></li>
             </ul>
            </div>
            <div class="service-bd gclearfix">
                <div class="loading" style="display:none"><img src="http://p1.qhimg.com/t019436f9a61e4203fe.gif">正在为您努力加载...</div>
                <div class="slide-content">
                    <div data-tab-cate="youxi-tab1" class="inner three-column" id="service-youxi-hot"></div>
                    <div data-tab-cate="youxi-tab4" class="inner three-column" id="service-youxi-web"></div>
                    <div data-tab-cate="youxi-tab2" class="inner three-column" id="service-youxi-mobile"></div>
                    <div data-tab-cate="youxi-tab3" class="inner three-column" id="service-youxi-chess"></div>
                </div>
            </div>
        </div>
    </textarea>
  </div>
  <div id="localcity" class="gmodule g-box" data-cate="localcity"> 
	<textarea style="visibility:hidden;width:998px;height:320px"> 
		<div class="localcity-hd">
            <h2 class="title"><img src="http://p1.qhimg.com/t010aaed725d7437de7.jpg"></h2>
            <ul class="direct-site">
           <li><a href="http://y.hao.360.cn/living/?from=shbk">生活助手</a></li>
              <li><a href="http://edu.360.cn/zt/gaokao2015/xkhgk.html?from=shbk">2015高考</a></li>
              <li><a href="http://y.hao.360.cn/ent/">野史八卦</a></li>
                <li><a href="http://chongzhi.360.cn/mobile/cz?a=7088">手机充值</a></li>
                <li><a href="http://hao.360.cn/fangchanjiaju.html">房产家居</a></li>
                <li><a href="http://hao.360.cn/yiliaojiankang.html">健康生活</a></li>
                <li><a href="http://sh.qihoo.com/dailysafe/">安全播报</a></li>
            </ul>
		</div>
		<div class="localcity-bd gclearfix">
			<div data-tab-cate="localcity-tab1" class="inner" id="localcity-tab1">
				<script type="text/template" id="localcity-tab1-template">
					<div class="localcity-info">
						<div class="widget-slide-inner" data-jss="animType:'scroll',viewSelector:'.slide-column-content .slide-column-inner',pageUpSelector:'.slide-column-pageup',pageDownSelector:'.slide-column-pagedown',mouseenterSwitchTime:null,animDur:300" data-cate="relax-inner">
							<div class="slide-content slide-column-content">
								<div class="slide-column-wrap">
									{js var localcity_index = 0}
									{for (index in $slide_data)}
									<div class="slide-column-inner {if(localcity_index == 0)}selected{/if}">
										{js localcity_index++}
										<div class="pic-outer gclearfix">
										{for (var n = 0, m = $slide_data[index].pic_list.length; n < m; n++)}
											{js var picItem = $slide_data[index].pic_list[n]}
											{if (n < 4)}
											<div class="g-pic">
												<a href="{picItem.pic_link}" data-tab="{localcity_index}">
													<img src="{picItem.pic}" /> 
													<em class="txt">{picItem.text}</em>
													<span class="txt-bg"></span>
													<span class="mask"></span>
												</a>
											</div>
											{/if}
										{/for}
										</div>
										<div class="txt-outer gclearfix">
											<ul class="g-list">
											{for (var n = 0, m = $slide_data[index].wenzi_list.length; n < m; n++)}
												{if (n < 20)}
												{js var txtItem = $slide_data[index].wenzi_list[n]}
												<li>
													<ins class="dot"></ins><a href="{txtItem.link}">{txtItem.text}</a>
												</li>
												{/if}
											{/for}
											</ul>
										</div>
									</div>
									{/for}			
								</div>
							</div>
							<div class="slide-nav">
					            <ul>
					                <li class="selected"><a href="###">标签信息</a></li>
					                <li><a href="###">标签信息</a></li>
					                <li><a href="###">标签信息</a></li>
					            </ul>
					        </div>
							<a href="###" class="slide-column-pageup" style="display: inline;">上一屏</a>
							<a href="###" class="slide-column-pagedown" style="display: inline;">下一屏</a>
						</div>
					</div>
				</script>
			</div>
		</div>	
		<div id="localcity-loading" style="width:980px;height:320px;display:none;position:relative"><img style="position:absolute;left:480px;top:144px;" src="http://p1.qhimg.com/t019436f9a61e4203fe.gif"></div>
	</textarea>	
  </div>
 </div>
</div>
</div>

<!-- 360js -->
<script type="text/javascript" src="http://s8.qhimg.com/static/0bea58b0416d52c4,ec094e836096e81a,2dc333078ecf1408,6eda018fca600d86,48608de00d4a513c,4e4975052ff3a42e,dbc80ad0b2f5def2,e319164ca53be48e,e094b25629223b09,b186e638728c81db,8c774c9c0644b9af,a3d59bd37daf8e13,6f11cefa0e5af0cf,1106785152bcd653,ca4939b4e5c949f1,d3ae9ef764652dc7.js"></script>

<script type="text/javascript" src="http://s9.qhimg.com/lib/qwrap/113.js"></script><script type="text/javascript">(function(){var hotwordAppdata=new AppData('api.hao.360.cn');var SoRecommendHotwords=function(){var VERIFYKEY='a%&k*b';var SRH={};var MAXTIME=3*24*60*60*1000;var MAXBLACKWORDS_LEN=50;var MAX_ITEM_LEN=11;var ROWHEIGHT=20;var huid=qboot.cookie.get('__huid')||'';var when=qboot.when;var g=hao360.g;hao360.mid=location.href.queryUrl("mid")||hao360.mid||'';var mixedMid=mixMID(hao360.mid);var HOST="http://query.rec.360.cn/gasucs/query_rec/";var LOG_URL='http://s.360.cn/wzdh/query_rec.html?{query}&huid='+huid+'&_t={rand}';var COOKIETIP='remindHotword';var RegFromAd=/^ad_\d+$/;var $so_hotword_list=W('.so-hotword-list'),$so_hotword_firstScreen=W('#so-hotword'),$so_hotword_backup=W('#so-hotword-backup'),$so_hotword_action=W('#so-hotword-action'),$state_button=$so_hotword_action.query('.state-button'),$action_content=$so_hotword_action.query('.action-content-wrap'),$hotword_edit=$action_content.query('.edit'),$hotword_noshow=$action_content.query('.noshow'),$hotword_noshow_prompt=$so_hotword_action.query('.noshow-prompt'),$prompt_noshow=$hotword_noshow_prompt.query('.noshow'),$prompt_continue=$hotword_noshow_prompt.query('.continue-use'),$so_hotword_tip=W('#so-hotword-tip');function mixMID(mid){if(mid==''){return mid;}var i=0,key='',t=+(new Date);var rnd=Math.floor(Math.random()*15),prefix='qiho3600com';while(i<2){key+=prefix.charAt(Math.floor(Math.random()*8));i++;}var token=mid.substr(rnd,t.length);mid=mid.replace(token,t);mid=key+mid+token+'.'+rnd;return mid;};var monitor=function(options){setTimeout(function(){var random=+(new Date)+Math.random();var slog='slog'+random;var image=window[slog]=new Image;options.rand=random;image.src=R.tmpl(LOG_URL,options||{});image.onload=image.onerror=function(){window[slog]=null;};},options.delay||100);};var increaseSearch=function(){var searchFram=W('#search-frame');var searchBg=searchFram.query('.search-bg');searchFram.css('height','110px');searchBg.css('height','108px');};var decreaseSearch=function(){var searchFram=W('#search-frame');var action=W('#so-hotword-action');var searchBg=searchFram.query('.search-bg');searchFram.css('height','90px');searchBg.css('height','88px');action.hide();};var getRecommendData=function(){var defer=when.defer();var params={mid:mixedMid,src:1,guid:huid,req:'kw'};var recommendDebug=location.href.queryUrl('so_recommend');if(recommendDebug){var debugArray=recommendDebug.split(',')||['',''];params.mid=debugArray[0];params.guid=debugArray[1]||'';}var delay_start=new Date().getTime();qboot.jsonp(HOST+'?'+qboot.encodeURIJson(params),function(data){var delay_time=new Date().getTime()-delay_start;defer.resolve(data);monitor({query:'src=hao&type=delay&cate=query&time='+(delay_time)+'&mid='+mixedMid});},{jsonp:'__callback'});return defer.promise;};var getHotwordsData=function(data,callback){var localHotwords=hotwordAppdata.get('soHotwords')||[],newData=[];if(!data){$so_hotword_firstScreen.hide();$so_hotword_action.hide();decreaseSearch();monitor({query:'src=hao&type=show&cate=daily_hotwords&mid='+mixedMid});return;}var now=+new Date;for(var i=0,l=data.length;i<l;i++){var mainItem=data[i],exist=false;for(var j=0;j<localHotwords.length;j++){var localItem=localHotwords[j];if(encodeURIComponent(mainItem.kw)==localItem){exist=true;break;}}if(!exist){newData.push(mainItem);}}callback&&callback(newData);};var getFirstScreenHotwordsHtml=function(tpl,data){var src='hao_isearch2';data.some(function(item){if(RegFromAd.test(item.from)){src='hao_isearch2_'+item.from.match(RegFromAd)[0];return true;}});var html=[];html.push('<ul>');for(var i=0,l=data.length;i<l;i++){var str=R.tmpl(tpl,{url:'http://www.haosou.com/s?ie=utf-8&src='+src+'&q='+encodeURIComponent(data[i]['kw']||''),attr:data[i]['attr']?'<span class="info">('+data[i]['attr']+')</span>':'',icon:(data[i]['icon']&&data[i]['icon_gw']==0)?'<img src="'+data[i]['icon']+'">':'',md5:encodeURIComponent(data[i]['kw']||''),kw:data[i]['kw']||'',ellipsis:'',type:data[i]['type']||'',title:data[i]['kw'],from:data[i]['from']});html.push(str);}html.push('</ul><a href="javascript:void(0);" data-state="expand" class="change">展开</a>');return html.join('');};var getBackupHotwordsHtml=function(tpl,data){var src='hao_isearch2';data.some(function(item){if(RegFromAd.test(item.from)){src='hao_isearch2_'+item.from.match(RegFromAd)[0];return true;}});var html=[];html.push('<ul>');for(var i=0,l=data.length;i<l;i++){var isRenderAttr=data[i]['kw'].byteLen()+data[i]['attr'].byteLen<=MAX_ITEM_LEN;var str=R.tmpl(tpl,{url:'http://www.haosou.com/s?ie=utf-8&src='+src+'&q='+encodeURIComponent(data[i]['kw']||''),attr:isRenderAttr&&data[i]['attr']?'<span class="info">('+data[i]['attr']+')</span>':'',icon:data[i]['icon']?'<img src="'+data[i]['icon']+'">':'<img src="http://p5.qhimg.com/t0126deb9cbfd3f7047.png">',md5:encodeURIComponent(data[i]['kw']||''),kw:data[i]['kw'].subByte(MAX_ITEM_LEN,'')||'',ellipsis:data[i]['kw'].byteLen()>MAX_ITEM_LEN?'<em style="font-family: Microsoft YaHei;">…</em>':'',type:data[i]['type']||'',title:data[i]['kw'],from:data[i]['from']});html.push(str);}html.push('</ul>');return html.join('');};var renderHotwords=function(data){if(data.length==0){$so_hotword_firstScreen.hide();decreaseSearch();return;}data=data.splice(0,30);increaseSearch();var hotTpl=['<li data-from="{from}">','<a class="item" href="{url}" target="_blank" title="{title}">{icon}<span>{kw}</span>{ellipsis}{attr}</a>','<a href="javascript:void(0);" class="del" data-m="{md5}" data-t="{type}" title="删除"></a>','</li>'].join('');var firstScreenHtml=getFirstScreenHotwordsHtml(hotTpl,data);var backupHtml=getBackupHotwordsHtml(hotTpl,data);$so_hotword_action.show();$so_hotword_firstScreen.html(firstScreenHtml);$so_hotword_backup.html(backupHtml);monitor({query:'src=hao&type=show&cate=so_hotwords&count='+data.length+'&mid='+mixedMid});};var checkBackupHotwordState=function(){var height=$so_hotword_backup.getRect()['height'];if(height<=ROWHEIGHT){$so_hotword_backup.css('display','none');}};var syncFirstScreenHotwordsWithBackup=function($item){var $items=$item.parentNode().query('li');var index=-1;$items.forEach(function(ele,i){if(W(ele).core.outerHTML==$item.core.outerHTML){index=i;}});index!=-1&&$so_hotword_firstScreen.query('li').item(index).addClass('del-hidden');};var storeBlackHotwords=function(hotmd5){var localHotwords=hotwordAppdata.get('soHotwords')||[];localHotwords.unshift(hotmd5);if(localHotwords.length>MAXBLACKWORDS_LEN){localHotwords.pop();}hotwordAppdata.set('soHotwords',localHotwords,MAXTIME+(new Date().getTime()));};var deleteHotwords=function($delbtn){var isBackupHotwordsItem=$delbtn.parentNode('#so-hotword-backup').length>0;var $item=$delbtn.parentNode().addClass('del-hidden');if(isBackupHotwordsItem){syncFirstScreenHotwordsWithBackup($item);}adjustHotwordsPosition();checkBackupHotwordState();storeBlackHotwords($delbtn.attr('data-m'));if(mixedMid){var _t=+new Date();var kw=decodeURIComponent($delbtn.attr('data-m'));var oa=hao360.md5(mixedMid+kw+_t+VERIFYKEY);var params={action:'del',mid:mixedMid,src:'del',del_kw:kw,oa:oa,_t:_t};var from=$delbtn.parentNode('li').attr('data-from');if(RegFromAd.test(from)){params.tp='ad';monitor({query:'src=hao&type=del-ad&kw='+$delbtn.attr('data-m')+'&mid='+mixedMid})}qboot.jsonp(HOST,params,function(){},{jsonp:'_callback',cb:'__query_rec',timeout:2000});}monitor({query:'src=hao&type=del&kw='+$delbtn.attr('data-m')+'&wtype='+$delbtn.attr('data-t')});};var adjustHotwordsPosition=function(){var wordWidth=0,lineWidth=W('#so-hotword ul').getRect().width,isAllDel=true,$so_backup_items=$so_hotword_backup.query('li'),$so_firstScreen_items=$so_hotword_firstScreen.query("li"),firstScreen_length=$so_firstScreen_items.length,visibleCount=0;$so_firstScreen_items.removeClass('fix-hidden').removeClass('first').forEach(function(item,index){var $so_item=W(item),isDel=$so_item.hasClass('del-hidden'),itemWidth=isDel?0:$so_item.getRect()['width']+parseInt($so_item.css('marginRight')||0);if(!isDel){visibleCount++;}if(wordWidth+itemWidth<lineWidth&&visibleCount<=9){wordWidth=wordWidth+itemWidth;$so_item.attr("data-width",itemWidth);!isDel&&$so_item.addClass("first");isAllDel=isAllDel&&isDel;if(index==firstScreen_length-1&&isAllDel){$state_button.fire('click');$so_hotword_firstScreen.hide();decreaseSearch();}}else{$so_item.addClass('fix-hidden');}}).forEach(function(item,index){var $so_item=W(item);if($so_item.hasClass('first')||$so_item.hasClass('del-hidden')){$so_backup_items.item(index).addClass('del-hidden');}else{$so_backup_items.item(index).removeClass('del-hidden');}});updateBackupHotwordLengthOfToggleBtn();};var updateBackupHotwordLengthOfToggleBtn=function(){var btnToggle=$so_hotword_firstScreen.query(".change"),length=getBackupHotwordLength(),tpl=['<span class="length">(',length||0,')</span>'].join('');if(btnToggle.hasClass('expand')){btnToggle.html('收起'+tpl);}else{btnToggle.html('展开'+tpl);}};var getBackupHotwordLength=function(){var $so_firstScreen_items=$so_hotword_firstScreen.query("li"),current_backup_word_length=0;$so_firstScreen_items.forEach(function(item,index){var $so_item=W(item);if(!$so_item.hasClass('first')&&!$so_item.hasClass('del-hidden')){current_backup_word_length++;}});return current_backup_word_length;};var editHotwords=function(){$state_button.replaceClass('gear','reset');};var noshowHotwords=function(){$hotword_noshow_prompt.show();};var closeHotword=function(){var _t=+new Date();var oa=hao360.md5(mixedMid+_t+VERIFYKEY);var params={"switch":'off',"src":1,"mid":mixedMid,"_t":_t,"action":"off","oa":oa};qboot.jsonp(HOST+'?'+qboot.encodeURIJson(params),function(data){if(data.error==='0'&&data.msg==='succ'){}},{jsonp:'__callback',timeout:2000});};var confirmNoshow=function(){closeHotword();hotwordAppdata.set('soHotwordsNervershow',true);$hotword_noshow_prompt.hide();$so_hotword_action.hide();qboot.cookie.set(COOKIETIP,1,{expires:1000*3600*24*3});remindHotwords();$so_hotword_firstScreen.hide();};var reOpenHotwords=function(){var defer=when.defer();if(!hao360.mid){hotwordAppdata.set('soHotwordsNervershow',false);$so_hotword_firstScreen.show();$so_hotword_tip.hide();defer.resolve();}else{var _t=+new Date();var params={oa:hao360.md5(mixedMid+_t+VERIFYKEY),_t:_t,mid:mixedMid,src:1,action:'reset'};qboot.jsonp(HOST,params,function(data){if(data&&data.status.error==0){hotwordAppdata.set('soHotwordsNervershow',false);$so_hotword_firstScreen.show();$so_hotword_tip.hide();defer.resolve();}},{jsonp:'_callback',cb:'__query_rec',timeout:2000});}return defer.promise;};var remindHotwords=function(){if(!qboot.cookie.get(COOKIETIP)){decreaseSearch();return;}$so_hotword_firstScreen.hide();$so_hotword_tip.show();monitor({query:'src=hao&type=showremind'});$so_hotword_tip.delegate('.open','click',function(e){e.preventDefault();qboot.cookie.remove(COOKIETIP);reOpenHotwords().then(function(){initHotword();});monitor({query:'src=hao&type=open'});}).delegate('.remind','click',function(e){e.preventDefault();closeHotword();$so_hotword_tip.hide();decreaseSearch();qboot.cookie.remove(COOKIETIP);monitor({query:'src=hao&type=noremind'});});};var toggleActionState=function(state){if(state==='close'){$action_content.show();$state_button.attr('data-state','open');}else{$action_content.hide();$state_button.attr('data-state','close');}};var toggleHotwordsPanelState=function(state){var btnToggle=$so_hotword_firstScreen.query(".change"),status=state||btnToggle.attr("data-state");QW.TweetH.tweet(document,'toggleHotwordsPanelState',status);if(status=="expand"){$so_hotword_backup.css('visibility','visible');btnToggle.attr("data-state","fold").addClass("expand").html("收起");monitor({query:'src=hao&type=expand'});}else{$so_hotword_backup.css('visibility','hidden');if(btnToggle.hasClass('expand')){monitor({query:'src=hao&type=collapse'});}btnToggle.attr("data-state","expand").removeClass("expand").html("展开");}updateBackupHotwordLengthOfToggleBtn();};var bindEvents=function(){var changeBtn=$so_hotword_firstScreen.query('.change');var delBtn=$so_hotword_list.query('.del');W(document).on('click',function(e){toggleActionState('open');var target=e.target,isPanel=W(target).parentNode("#so-hotword").length||target.id=="so-hotword",isAction=W(target).parentNode("#so-hotword-action").length||target.id=="so-hotword-action";var stateEdit=$state_button.hasClass("reset");if(!isPanel&&!isAction&&!stateEdit){toggleHotwordsPanelState("fold");}});$so_hotword_firstScreen.delegate('.change',"click",function(e){e.preventDefault();e.stopPropagation();toggleHotwordsPanelState();});$so_hotword_list.delegate('.del','click',function(e){e.preventDefault();deleteHotwords(W(this));});var searchEng=new AppData('api.hao.360.cn',HAO_CONFIG.search.r).get('defaultEng')||'somulti';$so_hotword_list.delegate('.item',"click",function(e){var area="default";var $li=W(e.target).parentNode("li");if(!$li.hasClass("first")){area="expand";}var from=$li.attr('data-from');var kw=W(this).parentNode().query('.del').attr('data-m');var wtype=W(this).parentNode().query('.del').attr('data-t');if(RegFromAd.test(from)){monitor({query:'src=hao&type=click-ad&kw='+kw})}var params=['src=hao','type=click','kw='+W(this).parentNode().query('.del').attr('data-m'),'wtype='+W(this).parentNode().query('.del').attr('data-t'),'area='+area,'mid='+mixedMid,'from='+from,'eng='+searchEng];monitor({query:params.join('&')});});$state_button.on('click',function(e){e.preventDefault();e.stopPropagation();if(W(this).hasClass('gear')){if(W(this).attr('data-state')==='close'){$action_content.show();W(this).attr('data-state','open');}else{$action_content.hide();W(this).attr('data-state','close');}}else{W(this).removeClass('reset').addClass('gear');$so_hotword_list.query('li').removeClass('hover');W('#so-hotword ul').removeClass('edit');toggleHotwordsPanelState("fold");$so_hotword_firstScreen.query(".change").show();}});$hotword_edit.on('click',function(e){e.preventDefault();$so_hotword_list.query('li').addClass('hover');W('#so-hotword ul').addClass('edit');editHotwords();toggleHotwordsPanelState("expand");$so_hotword_firstScreen.query(".change").hide();});$hotword_noshow.on('click',function(e){e.preventDefault();noshowHotwords();});$prompt_continue.on('click',function(e){e.preventDefault();$hotword_noshow_prompt.hide();});$prompt_noshow.on('click',function(e){e.preventDefault();confirmNoshow();});$hotword_noshow_prompt.query('.close').on('click',function(e){e.preventDefault();$hotword_noshow_prompt.hide();});};var initHotword=function(cb){getRecommendData().then(function(data){if(!data||(data.status&&data.status.data=="stopped")){cb&&cb(data.data.stime);remindHotwords();}else{getHotwordsData(data,function(data){hotwordAppdata.set('soHotwordsNervershow',false);renderHotwords(data);adjustHotwordsPosition();checkBackupHotwordState();hotwordShowAd();});}})};var hotwordShowAd=function(){$so_hotword_firstScreen.query('li.first').forEach(function(item,i){var from=W(item).attr('data-from')||'';var kw=W(item).query('span').html();if(RegFromAd.test(from)){monitor({query:'src=hao&type=show-ad&cate=so_hotwords&mid='+mixedMid+'&kw='+kw});}});};var checkOpenRemind=function(stime){if(window.hotwordTipConf&&hotwordTipConf.isOn){var now=+hao360.todayObj;var startTime=+new Date(hotwordTipConf.startTime);var endTime=+new Date(hotwordTipConf.endTime);var validDays=365-stime/(3600*24)>hotwordTipConf.days;if(startTime<now&&now<endTime&&validDays){qboot.cookie.set(COOKIETIP,1,{expires:1000*5});}}};SRH.init=function(data){if(hao360.mid){initHotword(checkOpenRemind);}else{var isNeverShow=hotwordAppdata.get('soHotwordsNervershow');if(isNeverShow==null||!isNeverShow){initHotword();}else{remindHotwords();}}bindEvents();};return SRH;}();SoRecommendHotwords.init();})();</script>
<script src="http://s9.qhimg.com/!04aeb050/monitor150215.js"></script><script type="text/javascript" src="http://s8.qhimg.com/static/5e46f0757de539f7,5e7d912878db75b7,0c48dfe6f709945f,4fdb5bd01a2d9ae0,b4a99dd82199ea9b,45cd86f3dc56b052,e9f9b759b9e28ada,808d1323d7d257ad,8dd923e364344f7e,d70392210726c249.js"></script>
<script src="http://s9.qhimg.com/!4e0b4499/switch.combo.js"></script>


<script type="text/javascript" src="http://s8.qhimg.com/static/65bd013e317af0cf,19f1bc14ca79dace,debb239513a6a658,e96dd6fb0234048f,f91e3ef1402689ed,0096da828634b92b,6faba0d05e370283,2f4a31aba7920bf6,56d156f4519d1f22,e4cb6d30ba33f794,0333e71057fe9626,2e511bbc7ef4a4ce,65abd7ec4be96cf1,446f82f31d227fd6,aaf30cdcdc80248d,79f919045789da19,edeba6cd72661be8,d728c1a50a28a039,3239b9464a56b261,7fe19f0f52d5bb59,8af5c8b6cfe341b5,10b867a36e27de5c.js"></script>
<script type="text/javascript" src="http://s8.qhimg.com/static/c5613119aa174c9c,3aeadc62e5eaada5,f76779dd2e5aa0c2,cac943a62d0e2075,6a598ca9e01bca7e,386f514ed70b4cf8,2383dd975f53c37e,009782c49f8b716c,2956bff941ef4f66,cb703f5805ae167c,625707294db8091c,07ac5ed5ff4fbe9e,d16b4b0ae9516ed5,dd192278e9c7b641,a24b70bd3567a76b,2433d0a156d122c8,876ec43865378d29,f280ce744e750c76,df1f2c3b8acb697b,0edc0dd316cdb0ad,ab3023615f677839,9644fd4e10bc706e.js"></script>
<!--[if IE]>
<script type="text/javascript" src="http://s9.qhimg.com/static/52b92cc94f23e41c.js"></script>
<![endif]-->




<!-- /360js -->


